<!doctype html>
<html class="no-js" lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>account</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">

<link rel="icon" href="img/favicon.png" />
<!-- Place favicon.ico in the root directory -->
		
<!-- all css here -->
<!-- bootstrap.min.css -->
<link rel="stylesheet" href="css/shortcode/btn-new.css">
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- font-awesome.min.css -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- owl.carousel.css -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- owl.carousel.css -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- shortcode/shortcodes.css -->
<link rel="stylesheet" href="css/shortcode/shortcodes.css">
<!-- nivo-slider.css -->
<link rel="stylesheet" href="css/nivo-slider.css">
<!-- style.css -->
<link rel="stylesheet" href="style.css">
<!-- responsive.css -->
<link rel="stylesheet" href="css/responsive.css">
    </head>
    <body>
<header>
				<!-- header-top-area-start -->
				<div class="header-top-area black-bg ptb-7 hidden-xs">
					<div class="container">
						<div class="row">
							<div class="col-lg-3 col-md-3 col-sm-4">
								<div class="header-top-left">
									<span><a href="#">Call us toll free:</a>(+1)866-550-3669</span>
								</div>
							</div>
							<div class="col-lg-9 col-md-9 col-sm-8">
												<div class="header-top-right">
													<ul>
														<li class="slide-toggle"><a href="login.html"><i class="fa fa-user"></i> LoginOut</a>
													</ul>
													</li>
													</ul>
												
												
													<ul>
														<li class="slide-toggle-2 text-uppercase"><a href="#"><i class="fa fa-usd"></i>登陆注册</a>
															<ul class="show-toggle-2">
																<li><a href="login.html"><i class="fa fa-eur"></i>登陆</a></li>
																<li><a href="register.html"><i class="fa fa-gbp"></i>注册</a></li>
															</ul>
														</li>
													</ul>
								</div>
							</div>
						</div>
					</div>
				</div>
				<!-- header-top-area-end -->
				<!-- header-bottom-area-start -->
				<div class="header-bottom-area bg-color-1 ptb-25">
					<div class="container">
						<div class="row">
							<div class="col-lg-3 col-md-3 col-sm-12 col-xs-12">
								<div class="logo">
									<a href="index.html"><img src="img/logo.png" alt="" /></a>
								</div>
							</div>
							<div class="col-lg-9 col-md-9 col-sm-12 col-xs-12">
								<div class="header-bottom-middle">
								
									<div class="search-box">
										<form>
											<input type="text" placeholder="Search...">
											<button><i class="fa fa-search"></i></button>
										</form>	
									</div>								
								</div>
	                                            </div>											
											</div>
										</div>
									</div>
								</div>							
							</div>
						</div>
					</div>
				</div>	
				<!-- header-bottom-area-end -->
			</header>																											<!-- header -->
			<!-- mainmenu-area-start -->
			<div class="mainmenu-area bg-color-2 hidden-xs hidden-sm">
				<div class="container">
					<div class="row">
						<div class="col-lg-3 col-md-3">
							<div class="mainmenu-left visible-lg checkout-page  visible-md">
								
								</div>
							</div>	
						</div>
						<div class="col-lg-9 col-md-9">
							<div class="mainmenu">
								<nav>
									<ul>
										<li><a href="index.html">Home</a></li>
								<li><a href="shop.html">Shop</a></li>
								<li><a href="cart.html">Cart</a></li>
								<li><a href="order.html">Order</a></li>
								<li><a href="myaccount.html">My Account</a></li>
									</ul>
								</nav>
							</div>	
						</div>
					</div>
				</div>
			</div>
			
			<!-- mainmenu-area-end -->
		<!-- breadcrumb start -->
		<div class="breadcrumb-area">
			<div class="container">
				<ol class="breadcrumb">
				  <li><a href="index.html"><i class="fa fa-home"></i> Home</a></li>
				  <li class="active">Product</li>
				</ol>			
			</div>
		</div>
		<!-- breadcrumb end -->	
		<!-- pro-main-area start -->
			<!-- Page Inner -->
			<div class="page-inner" style="height: -webkit-fill-available;">
			<div id="main-wrapper">
				<div class="row">
						<div class="panel panel-white">
							<div class="panel-body">
			<table width="70%" border="1" cellspacing="5" cellpadding="5" align="center">
			  <tr>
			      <td width="37%" rowspan="5">&nbsp;</td>
			      <td width="63%">长城 特酿3年解百纳干红葡萄酒 750ml*6瓶 整箱装 中粮出品</td>
			    </tr>
			    <tr>
			      <td>¥140.00</td>
			    </tr>
			    <tr>
			      <td>详情</td>
			    </tr>
			    <tr>
			      <td>
			        <input type="number" name="number" id="number" style="height:20px" size="6">
			      (库存10件)</td>
			    </tr>
			    <tr>
			      <td>
			        <a href="cart.html">
			        <input type="button" name="button" id="button" value="加入购物车" class="button button1"></a>
			        &nbsp;&nbsp;&nbsp;&nbsp;
			        <a href="payment.html"><input type="button" name="button" id="button" value="立即购买"class="button button3">
			        </a>
			      </td>
			    </tr>
			</table>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="panel-footer">
				
					<!-- copyright-area-start -->
					<div class="copyright-area text-center bg-color-3">
						<div class="container">
							<div class="copyright-border ptb-30">
								<div class="row">
									<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
										<div class="copyright text-left">
											<p>Copyright &copy; 2020.第六组 All rights reserved.</p>
										</div>
									</div>
									<div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
										<div class="payment text-right">
											<a href="#"><img src="img/payment.png" alt="" /></a>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					</div>
					<!-- copyright-area-end -->
					<!-- social_block-start -->
					<div id="social_block">
						<ul>
							<li class="facebook"><a href="#">Facebook</a></li>
							<li class="twitter"><a href="#">twitter</a></li>
							<li class="rss"><a href="#">rss</a></li>
							<li class="youtube"><a href="#">youtube</a></li>
							<li class="google-plus"><a href="#">google plus</a></li>
							<li class="pinterest"><a href="#">pinterest</a></li>
						</ul>
					</div>
					<!-- social_block-end -->
			</div>
			</body>
			<!-- Javascripts -->
			<script src="js/jquery-3.3.1.min.js"></script>
			<!-- bootstrap.min.js -->
			<script src="js/bootstrap.min.js"></script>
			<!-- nivo.slider.js -->
			<script src="js/jquery.nivo.slider.pack.js"></script>
			<!-- jquery-ui.min.js -->
			<script src="js/jquery-ui.min.js"></script>
			<!-- jquery.magnific-popup.min.js -->
			<script src="js/jquery.magnific-popup.min.js"></script>
			<!-- jquery.meanmenu.min.js -->
			<script src="js/jquery.meanmenu.js"></script>
			<!-- jquery.scrollup.min.js-->
			<script src="js/jquery.scrollup.min.js"></script>
			<!-- owl.carousel.min.js -->
			<script src="js/owl.carousel.min.js"></script>
			<!-- plugins.js -->
			<script src="js/plugins.js"></script>
			<!-- main.js -->
			<script src="js/main.js"></script>
</html>

